@charset "utf-8";
/* CSS Document */
.play {
	width: 575px;
	height: 470px;
	margin: 0px auto 0;
	font: 12px Arial;
}

.big_pic {
	width: 575px;
	height: 325px;
	overflow: hidden;
	background: #222;
	position: relative;
}

.big_pic li {
	width: 575px;
	height: 320px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.mark_left {
	width: 100px;
	height: 320px;
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity : 10);
	opacity: 0.1;
	z-index: 3000;
}

.mark_right {
	width: 100px;
	height: 320px;
	position: absolute;
	right:0;
	top: 0;
	filter: alpha(opacity : 10);
	opacity: 0.1;
	z-index: 3000;
}

.big_pic .prev {
	width: 60px;
	height: 60px;
	background: url(../img/btn.png) no-repeat;
	position: absolute;
	top: 130px;
	left: 10px;
	z-index: 3001;
	filter: alpha(opacity : 0);
	opacity: 0;
	cursor: pointer;
}

.big_pic .next {
	width: 60px;
	height: 60px;
	background: url(../img/btn2.png) no-repeat 0;
	position: absolute;
	top: 130px;
	right: 10px;
	z-index: 3001;
	filter: alpha(opacity : 0);
	opacity: 0;
	cursor: pointer:
}

.big_pic .text {
	position: absolute;
	left: 10px;
	top: 302px;
	z-index: 3000;
	color: #ccc;
}

.big_pic .length {
	position: absolute;
	right: 10px;
	bottom: 4px;
	z-index: 3000;
	color: #ccc;
}

.big_pic .bg {
	width: 575px;
	height: 30px;
	background: #000;
	filter: alpha(opacity = 60);
	opacity: 0.2;
	position: absolute;
	z-index: 2999;
	bottom: 0;
	left: 0;
}

.small_pic {
	width: 520px;
	height: 100px;
	position: relative;
	top: 10px;
	left: 30px;
	overflow: hidden;
}

.small_pic ul {
	height: 94px;
	position: absolute;
	top: 0;
	left: 0;
}

.small_pic li {
	width: 120px;
	height: 94px;
	float: left;
	padding-right: 10px;
	background: url(../images/loading.gif) no-repeat center center;
	cursor: pointer;
	filter: alpha(opacity : 30);
	opacity: 0.3;
}

.small_pic img {
	width: 120px;
	height: 94px;
}